
.login-banner{
	width:100%;
	height:560px;
}
.login-banner .lomain{
	height:560px;
	margin:0 auto;
}
.login-banner .lomain .wframe{
	width:420px;
	height:420px;
	float:right;
	margin:60px 20px 0 0;
	border:1px solid #DDD;
	background: rgba(255,255,255, 0.9);
}
.login-banner .lomain .wframe .title{
	width:100%;
	height:40px;
	font:18px/48px 'microsoft yahei';
	text-align:center;
	color:#333;
	margin-top:20px;
}
.login-banner .lomain .wframe .text{
	width:100%;
	height:24px;
	font:14px/20px 'microsoft yahei';
	text-align:center;
	color:#555;
	margin-top:5px;
}
.login-banner .lomain .wframe .text2{
	width:100%;
	height:24px;
	font:14px/24px 'microsoft yahei';
	text-align:center;
	color:#555;
	margin-top:20px;
}
.login-banner .lomain .wframe .text2 a{
	color:#555;
	font:14px/24px 'microsoft yahei';
}
.login-banner .lomain .wframe .text2 a:hover{
	color:#f04d4e;
}
.login-banner .lomain .wframe .input{
	display:block;
	margin:20px auto;
    border: 1px solid #ccc;
    border-radius:2px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    height: 42px;
    padding: 0 16px;
    width: 300px;
}
.login-banner .lomain .wframe .ph{
	margin:8px auto;
}
.login-banner .lomain .wframe .input:focus {
    outline: none;
    border-color: #9ecaed;
    border: 1px solid #f37200;
}
.login-banner .lomain .wframe .tongyi{
	width:334px;
	height:40px;
	margin:0 auto;
}
.login-banner .lomain .wframe .tongyi i{
	display:block;
	float:left;
	font:18px/40px 'microsoft yahei';
	color:#090;
	margin-right:10px;
	cursor:pointer;
}
.login-banner .lomain .wframe .tongyi a{
	display:block;
	float:left;
	font:13px/40px 'microsoft yahei';
	color:#666;
	cursor:pointer;
}
.login-banner .lomain .wframe .tongyi a em{
	color:#09C;
}
.login-banner .lomain .wframe .button {
    -webkit-appearance: none;
    background:#f04d4e;
	display:block;
	margin:5px auto 0 auto;
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    height: 44px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
    width:334px;
}
.login-banner .lomain .wframe .button2 {
    -webkit-appearance: none;
    background:#f04d4e;
	display:block;
	margin:20px auto 0 auto;
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    height: 44px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
    width:334px;
}






/*user-top*/
.user-top{
	width:100%;
	height:260px;
	background-color:#333;
	background:url(img/user-topbj.jpg) no-repeat center top;
}
.userinfo{
	width:1000px;
	height:180px;
	margin:0 auto;
	padding-top:10px;
	position:relative;
}
.userinfo .portrait{
	display:block;
	width:100px;
	height:100px;
	background-color:#CCC;
	overflow:hidden;
	border-radius:52px;
	position:absolute;
	top:40px;
	left:15px;
	border:2px solid #DFDFDF;
}

.userinfo .portrait em{
	display:none;
	width:100px;
	height:100px;
	background: rgba(0,0,0, 0.5);
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	font:13px/100px 'microsoft yahei';
	color:#FFF;
	text-align:center;
}
.userinfo .portrait:hover em{
	display:block;
}
.userinfo .portrait img{
	width:100%;
}
.userinfo .capital{
	height:60px;
	position:absolute;
	top:40px;
	right:15px;
}
.userinfo .capital dl{
	display:block;
	float:left;
	height:60px;
	font:13px/60px 'microsoft yahei';
	color:#CCC;
	margin-right:10px;
}
.userinfo .capital em{
	display:block;
	float:left;
	height:60px;
	font:28px/58px 'microsoft yahei';
	color:#FF0;
	margin-right:15px;
}
.userinfo .capital2{
	height:60px;
	position:absolute;
	top:100px;
	right:15px;
}
.userinfo .capital2 a.ti{
	display:block;
	float:left;
	height:24px;
	font:12px/24px 'microsoft yahei';
	color:#666;
	padding:0 10px;
	background-color:#E7E7E7;
	border-radius:3px;
	margin:0px 15px 0 5px;
}
.userinfo .capital2 a.chong{
	display:block;
	float:left;
	height:24px;
	font:12px/24px 'microsoft yahei';
	color:#fff;
	padding:0 10px;
	background-color:#F74D2F;
	border-radius:3px;
	margin:0px 5px 0 5px;
}
.userinfo .minfo{
	width:400px;
	height:100px;
	position:absolute;
	top:40px;
	left:145px;
}
.userinfo .minfo .it{
	width:400px;
	height:33px;
}
.userinfo .minfo .it span{
	display:block;
	height:33px;
	font:14px/33px 'microsoft yahei';
	color:#FFF;
	float:left;
}
.userinfo .minfo .it dl{
	display:block;
	height:33px;
	font:13px/33px 'microsoft yahei';
	color:#CCC;
	float:left;
}
.userinfo .minfo .it a{
	display:block;
	height:33px;
	font:13px/33px 'microsoft yahei';
	color:#CCC;
	float:left;
}
.userinfo .minfo .it i{
	display:block;
	height:33px;
	font:22px/33px 'microsoft yahei';
	color:#CCC;
	float:left;
}
.userinfo .minfo .it i:hover{
	color:#F5411B;
}
.userinfo .minfo .it .mr1{
	margin-right:18px;
}
.userinfo .minfo .it .ml1{
	margin-left:10px;
}
.userinfo .minfo .it .auti{
	display:block;
	height:28px;
	font:13px/28px 'microsoft yahei';
	padding:0 16px 0 12px;
	border-radius:14px;
	margin-top:4px;
	float:left;
}
.userinfo .minfo .it .auti i{
	display:block;
	width:20px;
	height:20px;
	font:18px/20px 'microsoft yahei';
	text-align:center;
	border-radius:10px;
	margin-top:4px;
	float:left;
	color:#fff;
}
.userinfo .minfo .it .auti span{
	display:block;
	height:20px;
	font:13px/28px 'microsoft yahei';
	float:left;
	margin-left:6px;
	color:#fff;
}
.userinfo .minfo .it .auti-qiye{
	background-color:#fa5555;
}
.userinfo .minfo .it .auti-wei{
	background-color:#666;
}
.userinfo .minfo .it .auti-geren{
	background-color:#5CA448;
}
.user-top .nav{
	width:1138px;
	height:49px;
	border-radius:6px 6px 0 0;
	margin:20px auto 0 auto;
	/*background-color:#FF0;*/
	background: rgba(0,0,0,0.2);
	border-top:1px solid #454545;
	border-left:1px solid #454545;
	border-right:1px solid #454545;
	padding:0 20px;
}
.user-top .nav a{
	display:block;
	padding:0 15px;
	height:49px;
	margin:0 6px;
}
.user-top .nav a i{
	display:block;
	height:49px;
	font:18px/49px 'microsoft yahei';
	color:#bfbebe;
	float:left;
	margin-right:6px;
	transition-duration:0.2s;
}
.user-top .nav a:hover i{
	font:24px/49px 'microsoft yahei';
}
.user-top .nav a span{
	display:block;
	height:49px;
	float:left;
	font:14px/49px 'microsoft yahei';
	transition-duration:0.2s;
	color:#bfbebe;
}

.u-main{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:15px auto;
}
.zsdata{
	width:400px;
	height:400px;
	margin-top:60px;
	float:right;
	text-align:center;
}
.zsdata h1{
	width:100%;
	height:auto;
	font:24px/28px 'microsoft yahei';
	color:#333;
	margin-bottom:30px;
	text-align:left;
}
.zsdata .text{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:20px;
	margin-left:15px;
}
.zsdata .text span{
	display:block;
	float:left;
	width:80px;
	font:16px/45px 'microsoft yahei';
	color:#666;
	margin-right:10px;
	text-align:left;
}
.zsdata .text em{
	display:block;
	float:left;
	font:30px/38px 'microsoft yahei';
	color:#F44;
	margin:0 5px;
	text-align:left;
}
.zsdata .but{
	display:inline-block;
	vertical-align: middle;
	width:160px;
	height:45px;
	font:16px/45px 'microsoft yahei';
	color:#fff;
	background-color:#F44;
	margin:40px 10px 0 10px;
	text-align:center;
	cursor:pointer;
}
.user-zstitle{
	width:100%;
	height:60px;
	font:32px/60px 'microsoft yahei';
	color:#333;
	margin:20px 0 20px 0;
	text-align:center;
}



/**/
.input3{
	display:block;
	margin:20px auto;
    border: 1px solid #ccc;
    border-radius:2px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    height: 42px;
    padding: 0 16px;
    width: 300px;
}
.button3 {
    -webkit-appearance: none;
    background:#f04d4e;
	display:block;
	margin:20px auto 0 auto;
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    height: 44px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
    width:334px;
}



